﻿html {
    /*CP_20140622: Below lines are commented to implement CSS3*/
    /*height:100%;   
    background-image:url(base/images/bg.jpg);*/
    background: url(base/images/bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /*padding-bottom:-30px;*/
    height:100%;
}
@font-face
{
    font-family:'Cinzel';
    src:url('../Content/cinzel.regular.ttf');
}
 /*.tagline1{
     font-size:24px;
     color:#ffffff;
     font-family:'Cinzel';
     white-space:nowrap;

 }*/
 .tagline1{
     /*font-size:24px;
     color:#ffffff;
     font-family:'Cinzel';
     white-space:nowrap;*/
    background: url(base/images/Login_Logo.png);    
    background-repeat: no-repeat;
    height:43px;
    width:350px;    
    margin-bottom: 12px;
    /*margin-left: 5px;*/    
 }
 .tagline2{
     font-size:24px;
     color:#ffffff;
     font-family:'Cinzel';
     white-space:nowrap;
     margin-left:120px;
 }
.tagline{
   position: absolute;
    top: 40%;
    left: 40%;
    margin-top: -50px;
    margin-left: -30px;
    width: 100px;
    height: 100px;
}
/*.watermark{
    margin-top:5px;
    width:365px;
    height:22px;
    font:12px;
    font-family:Calibri;
    color:#525252;
    background-size: 10px 10px;
    background-repeat: no-repeat;
}*/

/*.login{
    width:42px;
    height:22px;
    font-family:Calibri;
    font-size:12px;
    color:#000000;
    font-weight:bold;
}
.forgotpassword{
    font-family:Calibri;
    font-size:12px;
    color:#ffffff;
    white-space:nowrap;    
}*/

#Submit
{            
    border-style: solid;
    border-width: 0px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    cursor: pointer;
    float: left;
    font: 12px;
    font-family:Calibri;
    height: 20px;
    padding: 0;
    /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
    width: 44px;
    outline:0px;
    background: -webkit-linear-gradient(top, #f9f9f9 , #bebebe); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, #f9f9f9, #bebebe); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, #f9f9f9, #bebebe); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top, #f9f9f9 , #bebebe); /* Standard syntax (must be last) */
}
#Submit:hover, #Submit:focus
{            
    border-style: solid;
    border-width: 0px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #000000;
    cursor: pointer;
    float: left;
    font: 12px;
    font-family:Calibri;
    height: 20px;
    padding: 0;
    /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
    width: 44px;

    background: -webkit-linear-gradient(top, #bebebe , #f9f9f9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, #bebebe, #f9f9f9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, #bebebe, #f9f9f9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top, #bebebe , #f9f9f9); /* Standard syntax (must be last) */
}

.LoginControl
{
    float:left;
    width:800px;
}
.LoginControl input {    
    margin-top:5px;
    width:350px;
    height:24px;
    font:12px;
    font-family:Calibri;
    color:#525252;
    /*background: url("base/images/login-sprite.png") no-repeat;*/    
    float:left;
    margin: 0 0 10px;
    padding-left:22px;
    outline:0px;
    border:none;
    /*border: 2px solid transparent;*/
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.75);
    box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.75);

    /*box-shadow: 0px 0px 2px #000000;*/    

    /*Below code is to create inner shadow effect*/
    /*-moz-box-shadow:    inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;*/
    /*box-shadow:         inset 0 0 10px #000000;*/
    /*box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.75);*/
}

.textBox{
    border:none;
width:	350px;
height:	22px;
margin:	10px;
background:	white;
-webkit-box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.75);
box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.75);
}



/*.text-danger*/
.field-validation-error
{   
    background: url("base/images/Cross.png") no-repeat scroll 5px center #ba0101; 
    font-family:Calibri;
    color:#ffffff;
    display: table;
    float: left;
    font-size: 12px;
    height: 20px;
    margin-left: 6px;
    vertical-align: middle;
    width: 170px;
    padding-left:24px;    
    padding-top:4px;
}

.text-danger-inner-span{
    display: table-cell;
    font-family: Calibri;
    vertical-align: middle;
}

#Email {
    background: url(base/images/UserId.png) no-repeat; 
    background-color:#dedede;  
    background-position: 7px; 
}
#Email:focus {
    background: url(base/images/UserId.png) no-repeat; 
    background-color:#ffffff;  
    background-position: 7px;
    /*border: 2px solid #0762a9;*/
}
#Email.input-validation-error {
    /*border: 2px solid #ba0101;*/ 
    background: url(base/images/UserId_Black.png) no-repeat; 
    background-position: 7px;
    border:none;
    background-color:#df7a7a;  
    color:black;  
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.75);
    box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.75);
}

#Password {
    background: url("base/images/Password.png") no-repeat;
    background-color:#dedede;
    background-position: 7px;
}

#Password:focus {
    background: url("base/images/Password.png") no-repeat;
    background-color:#ffffff;
    background-position: 7px;
    /*border: 2px solid #0762a9;*/
}
#Password.input-validation-error {
    /*border: 2px solid #ba0101;*/ 
    background: url(base/images/Password_Black.png) no-repeat;    
    background-position: 7px;
    border:none;
    background-color:#df7a7a;  
    color:black;      
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.75);
    box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.75);
}

.forgotPassword {
    font-size:12px;
    font-family:Calibri;
    color: #ffffff;
    text-decoration:none;


}

.LoginControl input:focus 
{        
    background: url(base/images/UserId.png) no-repeat;
    background-color:#ffffff;  
    background-position: 7px;
    /*border: 2px solid #0762a9;*/
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow:none;
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.75);
    box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.75);
}

.LoginControl input.input-validation-error {
    /*border: 2px solid #ba0101;*/ 
    border:none;
    background-color:#df7a7a;
    /*-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow:none;*/
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.75);
    box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.75);
}


/* Styles for validation helpers
-----------------------------------------------------------*/
/*.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}*/

/* Styles for editor and display helpers
----------------------------------------------------------*/
/*.display-label, 
.editor-label {
    margin: 1em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}*/



